<<<<<<< HEAD
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>FIRST</title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			.container{
				width: 100vw;
				height: 100vh;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		canvas{
			width: 400px;
			height: 400px;
			border: 10px solid #333333;
		}	
		
		</style>
	</head>
	<body>
		<div class="container">
		<canvas id="canvas" width="500" height="500"></canvas>
		</div>
	</body>
	<script>
		window.onload = function() {
			
			var oAnswer=document.getElementById("oAnswer");
//			let n= 8;
//          let str=" ";
//          for(var i=0;i<n;i++){
//          	for(var j=0;j<=i;j++){
//          		str+="*";
//          	}
//          	str += "</br>";
//          	str += "\n";
//          }
//          oAnswer.innerHTML=str
//          console.log(str)
 
//          let n=8;
//          let str ="";
//          for(var i=0;i<n;i++){
//          	for(var j=0;j<n-i;j++){
//          		str +=" ";
//          	}
//          	for(var j=0;j<2*i-1;j++){
//          		str +="*";
//          	}
//          	str +="\n"
//          }
//          console.log(str);
//          oAnswer.innerHTML = str;
            
			let oCanvas = document.getElementById('canvas');
		
			console.dir(oCanvas)
			let oPen=oCanvas.getContext("2d");
			
			
//			let data = [1,2,3,4,5,6];
//			
//			data.name
//			
//			let data1= [{
//				name: '姓',
//			    sex: '性别'
//			}]
//			
//			for(var i = 0;i < data1.length; i++){
//			     console.dir(data1[i].name);
//			}
//			
//			for(var i = 0;i < data.length; i++){
//				console.data=i;
//			    console.dir(data[i]);
//			}
			
//			var sum=0;
//			for(var i=1;i<100;i++){
//				sum+=i;
//			}
//			alert(sum);

            
            
			
			console.dir(oPen);
			
		}
	</script>
</html>
=======
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>FIRST</title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			.container{
				width: 100vw;
				height: 100vh;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		canvas{
			width: 400px;
			height: 400px;
			border: 10px solid #333333;
		}	
		
		</style>
	</head>
	<body>
		<div class="container">
		<canvas id="canvas" width="500" height="500"></canvas>
		</div>
	</body>
	<script>
		window.onload = function() {
			
			var oAnswer=document.getElementById("oAnswer");
//			let n= 8;
//          let str=" ";
//          for(var i=0;i<n;i++){
//          	for(var j=0;j<=i;j++){
//          		str+="*";
//          	}
//          	str += "</br>";
//          	str += "\n";
//          }
//          oAnswer.innerHTML=str
//          console.log(str)
 
//          let n=8;
//          let str ="";
//          for(var i=0;i<n;i++){
//          	for(var j=0;j<n-i;j++){
//          		str +=" ";
//          	}
//          	for(var j=0;j<2*i-1;j++){
//          		str +="*";
//          	}
//          	str +="\n"
//          }
//          console.log(str);
//          oAnswer.innerHTML = str;
            
			let oCanvas = document.getElementById('canvas');
		
			console.dir(oCanvas)
			let oPen=oCanvas.getContext("2d");
			
			
//			let data = [1,2,3,4,5,6];
//			
//			data.name
//			
//			let data1= [{
//				name: '姓',
//			    sex: '性别'
//			}]
//			
//			for(var i = 0;i < data1.length; i++){
//			     console.dir(data1[i].name);
//			}
//			
//			for(var i = 0;i < data.length; i++){
//				console.data=i;
//			    console.dir(data[i]);
//			}
			
//			var sum=0;
//			for(var i=1;i<100;i++){
//				sum+=i;
//			}
//			alert(sum);

            
            
			
			console.dir(oPen);
			
		}
	</script>
</html>
>>>>>>> dd0eb7ae3755996b1fe74c13037b7d351daeee27
